<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/淘宝首页.css">
</head>
<body>
    <div class="box">
        <header>
            <ul class="top-left">
                <li>中国大陆<i></i></li>
                <li class="red">亲，请登录</li>
                <li>免费注册</li>
                <li>手机逛淘宝</li>
            </ul>
            <ul class="top-right">
                <li>我的淘宝<i></i></li>
                <li><i class="car"></i>购物车<span>0</span><i></i> </li>
                <li>收藏夹<i></i></li>
                <li>商品分类</li>
                <li>免费开店</li>
                <li>|</li>
                <li>千牛卖家中心<i></i></li>
                <li>联系客服<i></i></li>
                <li><i></i>网站导航<i></i></li>
            </ul>
        </header>
        <main>
            <div class="box1">
                <div class="logo"></div>
                <div class="search">
                    <input type="text" name="" id="baobei" value="宝贝">
                    <input type="search" name="" id="search" placeholder="运动t恤夏季">
                    <div class="btnSearch">搜索</div>
                    <div class="camera"></div>
                    <ul>
                        <li>新款连衣裙</li>
                        <li>四件套</li>
                        <li style="color: red;">潮流T恤</li>
                        <li>时尚女鞋</li>
                        <li>短裤</li>
                        <li>半身裙</li>
                        <li>男士外套</li>
                        <li>墙纸</li>
                        <li>行车记录仪</li>
                        <li>新款男鞋</li>
                        <li>耳机</li>
                        <li>时尚女包</li>
                        <li>沙发</li>
                    </ul>
                </div>
                <div class="erweima">

                </div>
            </div>
            <nav>
                <p>主题市场</p>
                <ul>
                    <li style="color: rgb(255,0,112);">天猫</li>
                    <li style="color: rgb(255,0,112);">聚划算</li>
                    <li style="color: rgb(51,201,0);">天猫超市</li>
                    <li>|</li>
                    <li>司法拍卖</li>
                    <li>飞猪旅行</li>
                    <li>天天特卖</li>
                    <li>淘小铺</li>
                </ul>
            </nav>
            <div class="box2">
                    <ul>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        <li><a>女装</a>/<a>内衣</a>/<a>家居</a> <span>&gt;</span></li>
                        
                    </ul>
                    <div class="pic">
                        <div class="pic1"></div>
                        <div class="pic2">
                            <div class="pic2-1"></div>
                            <div class="pic2-2"></div>
                        </div>
                    </div>
                    <div class="box1-1">
                        <div class="box1-1-top">
                            <div class="top1"></div>
                            <div class="top2">
                                <div class="top2-1">登录</div>
                                <div class="top2-2">注册</div>
                                <div class="top2-3">开店</div>
                            </div>
                            <div class="top3"></div>
                            <div class="top4">
                                <ul>
                                    <li>公告</li>
                                    <li>规则</li>
                                    <li>安全</li>
                                    <li>公益</li>
                                    <li>千牛</li>
                                </ul>
                                <p style="color: rgb(255,89,1);">严禁借庆祝建党100周年进行商业营销公告</p>
                            </div>
                        </div>
                        <div class="box1-1-bottom">
                            <div class="bottom1">
                                <div class="b1-1">
                                    <div class="p"></div>
                                    <p class="chf">充话费</p>
                                </div>
                                <div class="b1-2">
                                    <div class="p"></div>
                                    <p class="chf">旅行</p>
                                </div>
                                <div class="b1-3">
                                    <div class="p"></div>
                                    <p class="chf">车险</p>
                                </div>
                                <div class="b1-4">
                                    <div class="p"></div>
                                    <p class="chf">游戏</p>
                                </div>
                            </div>
                            <div class="bottom2">
                                <div class="b2-1">
                                    <div class="p"></div>
                                    <p class="chf">彩票</p>
                                </div>
                                <div class="b2-2">
                                    <div class="p"></div>
                                    <p class="chf">电影</p>
                                </div>
                                <div class="b2-3">
                                    <div class="p"></div>
                                    <p class="chf">酒店</p>
                                </div>
                                <div class="b2-4">
                                    <div class="p"></div>
                                    <p class="chf">理财</p>
                                </div>
                            </div>
                            <div class="bottom3">
                                <p class="ali">阿里APP</p>
                                <div class="more">更多 &gt;</div>
                                <div class="pic-b">
                                    <div class="pic-b3"></div>
                                    <div class="pic-b3"></div>
                                    <div class="pic-b3"></div>
                                    <div class="pic-b3"></div>
                                    <div class="pic-b3"></div>
                                </div>
                                
                            </div>
                            
                        </div>
                    </div>
                
            </div>
            <div class="box3">
                <h3><span>有好货</span><i></i></h3>
                <div class="box3-1">
                    <div class="pic3-1"></div>
                    <p class="title">Pure Cashmere 保暖针织帽</p>
                    <p class="dis">这款针织帽风格休闲可爱</p>
                </div>
                <div class="box3-2">
                    <div class="pic3-2"></div>
                    <p class="title">二胎家庭都在用这种床</p>
                    <p class="dis">软床质量很好很高档</p>
                </div>
                <div class="box3-3">
                    <div class="pic3-3"></div>
                    <p class="title">周大福 简约蛇骨链</p>
                    <p class="dis">极简风格，雅致大气人人</p>
                </div>
                <div class="box3-4">
                    <div class="pic3-4"></div>
                    <p class="title">凯蒂猫新手机功能真多</p>
                    <p class="dis">Hello,亲爱的小朋友们！</p>
                </div>
                <div class="ad">
                    <div class="box3-5"></div>
                <div class="box3-6"></div>
                <div class="box3-7"></div>
                </div>
                
            </div>
        </main>
    </div>
</body>
</html>